<template>
  <div class="feedback">
    <!-- <h3 class="title"><span class="back" @click="back"></span>预警反馈结果</h3> -->
    <div class="mou_gary">
      <div class="feedInner">
        <p class="feedback-tit">反馈内容</p>
        <ul class="warn_type">
          <li :class="[dealTypeStr == '燃气泄漏'?'on':'']">燃气泄漏</li>
          <li :class="[dealTypeStr == '沼气'?'on':'']">沼气</li>
          <li :class="[dealTypeStr == '误报'?'on':'']">误报</li>
        </ul>
        <p class="feedback-tit">反馈人信息</p>
        <ul class="feedInfor">
          <li>
            <span>反馈人员</span>
            <b>{{dealPerson}}</b>
          </li>
          <li>
            <span>反馈时间</span>
            <b>{{dealTime}}</b>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dealTime:"",
      dealPerson:"",
      dealTypeStr:"燃气泄漏",
    };
  },
  methods: {
    back() {
      this.$router.go(-1);
    },
  },
  mounted() {
    let _this = this;
    window["dsBridge"].register("GoBack", function() {
      _this.$router.go(-1);
    });
    window["dsBridge"].register("whetherHtml", function(ret) {
      console.log("=======ret:" + ret);
      return true;
    });
    _this.dealTime = _this.$route.query.dealTime
    _this.dealPerson = _this.$route.query.dealPerson
    _this.dealTypeStr = _this.$route.query.dealTypeStr
  }
};
</script>

<style scope lang="stylus">
.feedInner {
  background: #ffffff;
  padding: 0 0.3rem;
}

.feedback-tit {
  color: #979ea0;
  font-size: 0.24rem;
  line-height: 0.77rem;
}

.warn_type {
  display: flex;
  flex-direction: row;
  margin-bottom: 0.2rem;

  li {
    flex: 1;
    height: 0.6rem;
    line-height: 0.6rem;
    background: #f1f1f1;
    text-align: center;
    border-radius: 0.08rem;
    margin-right: 0.24rem;

    &.on {
      background: #428ee4;
      color: #fff;
      box-shadow: 1px 2px 6px 1px rgba(66, 142, 228, 0.4);
    }
  }
}

.feedInfor {
  li {
    height: 1.44rem;
    line-height: 1.44rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: #dde0e4 1px solid;

    &:last-child {
      border: 0;
    }

    b {
      color: #666666;
      font-weight: normal;
    }
  }
}
</style>

